<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11">
    <title>登录失败页</title>
</head>
<style>
    body {
        background:white;
    }
    .container {
        width:200px;
        margin:50px auto;
    }
    p {
        font-family:'Audiowide';
        text-align:center;
        color:#0ca4e2;
        font-size:7em;
        -webkit-transition:all 1.5s ease;
        transition:all 1.5s ease;
    }
    p:hover {
        color:#17cfd7;
        -webkit-animation:Glow 1.5s ease infinite alternate;
        animation:Glow 1.5s ease infinite alternate;
    }
    @-webkit-keyframes Glow {
        from {
            text-shadow:0 0 10px #d9cccc,
            0 0 20px #d0c5ce,
            0 0 30px #aba4ae,
            0 0 40px #00a67c,
            0 0 70px #00a67c,
            0 0 80px #00a67c,
            0 0 100px #00a67c,
            0 0 150px #00a67c;
        }
        to {
            text-shadow:0 0 10px #d9cccc,
            0 0 20px #d0c5ce,
            0 0 30px #aba4ae,
            0 0 20px #00a67c,
            0 0 35px #00a67c,
            0 0 40px #00a67c,
            0 0 50px #00a67c,
            0 0 75px #00a67c;
        }
    }
    @keyframes Glow {
        from {
            text-shadow:0 0 10px #d9cccc,
            0 0 20px #d0c5ce,
            0 0 30px #aba4ae,
            0 0 40px #00a67c,
            0 0 70px #00a67c,
            0 0 80px #00a67c,
            0 0 100px #00a67c,
            0 0 150px #00a67c;
        }
        to {
            text-shadow:0 0 10px #d9cccc,
            0 0 20px #d0c5ce,
            0 0 30px #aba4ae,
            0 0 20px #00a67c,
            0 0 35px #00a67c,
            0 0 40px #00a67c,
            0 0 50px #00a67c,
            0 0 75px #00a67c;
        }
    }
    .container img {
        border-radius: 8px;
        margin-top: 100px;
        margin-bottom: 100px;
        margin-left: -150px;

    }
    button{
        width: 180px;/*设置按钮宽度*/
        height: 50px;/*设置按钮高度*/
        color:white;/*字体颜色*/
        background-color:cornflowerblue;/*按钮背景颜色*/
        border-radius: 3px;/*让按钮变得圆滑一点*/
        border-width: 0;/*消去按钮丑的边框*/
        margin: 20px;
        margin-left: 150px;
        font-family: KaiTi;/*字体设置为楷体*/
        font-size: 17px;/*设置字体大小*/
        text-align: center;/*字体居中*/
        cursor: pointer;/*设置鼠标箭头手势*/
    }
    button:hover{/*鼠标移动时的颜色变化*/
        background-color: antiquewhite;
    }
</style>
<body>
<div class="bg-wrap clearfix">
    <div class="content-box">
       <div class="filling">
                    <div>
                        <div class="container">
                            <img width="800" height="800" src="/auth/static/images/login/auth-error.png" />
                        </div>
                    </div>
                    <div style="position: absolute;top: 850px;left: 0;right: 0;bottom: 0px;margin: auto; text-align: center">
                        <span style="font-size: 60px;"><b style="color: red">登录失败!&nbsp;&nbsp;</b>${errormsg!''}&nbsp;&nbsp;请尽快在全国安置帮教工作信息管理系统中完善账号相关信息！</span><br/>
                        <button  onclick="toHere()" style="margin-top: 100px;width: 500px;height: 70px;font-size: 50px;">返回登录界面</button>
                    </div>
        </div>
    </div>
</div>
<script>
    function toHere(){
       window.location.href="/auth/login";
    }
</script>
</body>
</html>